@charset "utf-8";
/* 放大镜样式 */
#proDetail > p{ line-height: 40px;}
#proDetail > p a:first-child{ font-size:20px; font-weight: bold; color:#000;}

#proDetail .bookdetail{ line-height: 30px; width:800px;}
#proDetail .priceDel{ position: relative}
#proDetail .bookdetail p *{ margin-right: 10px;}
#proDetail .priceDel p i{
    display: inline-block; width:88px; height:26px; background:url("../imgs/Q.png")no-repeat;
    color:#fff; text-align: center; line-height: 26px; font-style: normal;
}
#proDetail .bookdetail .evaluation{
    width:80px; height:40px; line-height:20px ;border-left:1px solid #fff;
    text-align: center; position: absolute; right:0; top:20px;
}

#proDetail .bookdetail b{
    display: inline-block; width:100px; height:34px; text-align: center; line-height:34px;
    border:1px solid #ccc; cursor: pointer;

}
#proDetail .bookdetail b.active{
    border:1px solid #f60; background:url("../imgs/select.png") no-repeat right bottom;
}
#proDetail .bookdetail .proNum{
    width:60px;padding-left:1px; height:40px;  text-align: center;
    margin:10px 20px 0 0;
}
#proDetail .bookdetail .proNum input{float:left; width:38px; height:38px;text-align: center;}
#proDetail .bookdetail .proNum a{
    float:left; width:20px; height:20px; line-height: 20px;  background:#ccc; font-size:18px;
    cursor: pointer;
}
#proDetail .bookdetail .addCar{
    width:190px; height:60px; background:#f60; border-radius: 3px; text-align: center;
    line-height: 60px; font-size:20px;
}



/* 右边 */
.book_pact{widows: 345px;;height: 474px;margin-right: 20px;margin-bottom: 20px;margin-top: 15px;}
.book_pact .comm{margin: 10px;margin-left: 90px;}
.books>p{color: #333333;font-size:16px}
.books>p>span{font-size: 24px;}
.book-car{height: 512px;cursor: pointer;}
.book-car>img{width: 342px;height: 350px;margin-top: 14px;margin-left: 23px;}
.particulars{margin-right: 22px;position: relative;}
.particulars h3{font-size: 22px;color: #343434;line-height: 35px;margin-top: 25px;}
.tyzdr{color: #f00;font-size: 18px;line-height: 36px;}
.author{font-size: 16px;color: #818181;line-height: 36px;}
.hunzi{margin-top: 15px;cursor: pointer;}
.kind{font-size: 16px;color: #4d4d4d;margin-top: 17px;}
.kind span{float: left;;margin-right: 10px;width: 100px;height: 34px;border: 2px solid #ccc;text-align: center;line-height: 34px;cursor: pointer;}
.kind span:nth-child(1){border: 0;}
.kind .kinder.active{border: 2px solid #f60;}
.particulars .num{width: 42px; height: 42px;margin-top: 65px;text-align: center;line-height: 42px;font-size: 28px;margin-left: 10px;}

.particulars .plus{position: absolute;bottom: 62px;left: 54px;width: 21px;height: 21px;border: 1px solid #d9d9d9;background-color: #e5e5e5;text-align: center;line-height: 21px;font-size: 16px;}
.particulars .subtract{position: absolute;bottom:41px;left:54px;width: 21px;height: 21px;border: 1px solid #d9d9d9;background-color: #e5e5e5;text-align: center;line-height: 21px;font-size: 16px;}

.particulars .car{position: absolute;bottom: 33px;left:100px ;width: 190px;height: 60px;background: #f60;font-size: 26px;text-align: center;line-height: 60px;}
.particulars .car a{color: #fefefe;}
.hint{margin-top: 23px;margin-left: 10px;color: #808080;}

/* 人气单品 */
.item {border-bottom:6px solid #f60 ;margin-top: 33px;}
.item h2{font-size: 24px;color: #ffffff;width: 142px;height: 47px;text-align: center;line-height: 47px;background: #f60;}
.menu li{float: left;width: 210px;height: 258px;border: 1px solid #ccc; margin-right: 37px;box-sizing: border-box;}
.menu li:nth-child(5){margin-right: 0;}
.menu li:hover img{transform: translateX(-5px)translateY(-5px);box-shadow: 0 0 10px 0;}

.prod-foot{margin-top: 50px;box-sizing:border-box ;}
.prod-foot p{width: 316px;height: 40px;background-color: #f4f4f4;line-height: 40px;text-indent:10px}
.prod-foot ul li img{width: 180px;height: 243px;margin: 15px 57px;}

.prod-foot ul li:hover img{transform: translateX(8px)translateY(10px);box-shadow: 0 0 20px 0;transform: translate(5px 8px);box-shadow: 0 0 20px 0;}

.prodrg{width: 880px;box-sizing:border-box ;cursor: pointer;}
.prodrg p{float: left;width: 150px;height: 47px;color: #4c4c4c;line-height: 47px;font-size: 24px;text-align: center;}
.prodrg p.active{background: #f60;color: #fff;}
.prodrg div{border-bottom:6px solid #f60 ;}
.prodrg li{float: left;width: 210px;height: 258px;}

.prodrg ul{display: none;}
.prodrg ul.on{display: block;}







